<!DOCTYPE html>
<html lang="en">
<head>
    <!-- Basic Page Needs
    ================================================== -->
    <meta charset="utf-8">
    <!--[if IE]><meta http-equiv="x-ua-compatible" content="IE=9" /><![endif]-->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>职到 - 职位，手到擒来！</title>
    <meta name="description" content="KIDS is a clean, modern, and fully responsive Html Template. Take your Startup business website to the next level. It is designed for kindergarten, childcare, homeschooling, school, learning, playground businesses or any type of person or business who wants to showcase their work, services and professional way.">
    <meta name="keywords" content="business, care, childcare, children, clean, corporate, happykids, homeschool, kids, kindergarten, playground, responsive, school, learning">
    <meta name="author" content="rometheme.net">


    <meta name="author" content="">
    <link rel="icon" type="image/png" href="img/fav.png">
    <title></title>
    <!-- Slick Slider -->
    <link rel="stylesheet" type="text/css" href="vendor/slick/slick.min.css"/>
    <link rel="stylesheet" type="text/css" href="vendor/slick/slick-theme.min.css"/>
    <!-- Feather Icon-->
    <link href="vendor/icons/feather.css" rel="stylesheet" type="text/css">
    <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <!-- ==============================================
    Favicons
    =============================================== -->
    <link rel="shortcut icon" href="images/favicon.ico">
    <link rel="apple-touch-icon" href="images/apple-touch-icon.png">
    <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">

    <!-- ==============================================
    CSS VENDOR
    =============================================== -->
    <link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/twitter-bootstrap/4.2.1/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="http://www.jq22.com/jquery/font-awesome.4.6.0.css">
    <link rel="stylesheet" type="text/css" href="css/vendor/owl.carousel.min.css">
    <link rel="stylesheet" type="text/css" href="css/vendor/owl.theme.default.min.css">
    <link rel="stylesheet" type="text/css" href="css/vendor/magnific-popup.css">
    <link rel="stylesheet" type="text/css" href="css/vendor/animate.min.css">

    <!-- ==============================================
    Custom Stylesheet
    =============================================== -->
    <link rel="stylesheet" type="text/css" href="css/style(qt).css" />

    <script src="js/vendor/modernizr.min.js"></script>

    <link href="css/style_forum.css" rel="stylesheet">
    <script src="/js/vue.js"></script>
    <script src="/js/axios.min.js"></script>

    <style>
        *{
            text-align: center;
        }
        .my ul{

        }
        .my #nav1 li{
            display: inline;
            width: 30%;
            text-decoration: none;
            padding-left: 50px;
            padding-right: 50px;
            font-size: x-large;
            font-family: 华光综艺_CNKI;
        }
        li:hover{
            color: #F1C22E;
        }
        .active{
            color:#F1C22E;
        }
    </style>

</head>

<body>

<!-- LOAD PAGE -->
<div class="animationload">
    <div class="loader"></div>
</div>

<!-- BACK TO TOP SECTION -->
<a href="#0" class="cd-top cd-is-visible cd-fade-out">Top</a>

<!-- HEADER -->
<div class="header header-1">

    <!-- TOPBAR -->
    <div class="topbar">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-sm-8 col-md-6">
                    <div class="info">
                        <div class="info-item">
                            <i class="fa fa-phone"></i> +62 7144 3300
                        </div>
                        <div class="info-item">
                            <i class="fa fa-envelope-o"></i> <a title="">support@zhidao.com</a>
                        </div>
                    </div>
                </div>
                <div class="col-sm-4 col-md-6">

                    <div class="sosmed-icon pull-right d-inline-flex">
                        <a class="navbar-brand" href="my.html">
                            <img src="images/wode.png" alt="">
                        </a>&nbsp;&nbsp;&nbsp;&nbsp;
                        <a class="navbar-brand" href="help1.html">
                            <img src="images/help.png" alt="">
                        </a>
                        <a class="navbar-brand" href="login3.html">
                            <img src="images/login.jpg" alt="">
                        </a>
                    </div>

                </div>
            </div>
        </div>
    </div>

    <!-- 导航栏 -->
    <div class="navbar-main">
        <div class="container">
            <nav id="navbar-example" class="navbar navbar-expand-lg">
                <a class="navbar-brand" >
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <img src="images/logo.png" alt="">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <img src="images/slogan.png" alt="">
                </a>
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>
                <div class="collapse navbar-collapse" id="navbarNavDropdown">
                    <ul class="navbar-nav ml-auto">
                        <li class="nav-item">
                            <a class="nav-link" href="index1.html">首页</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="Aworkcompany.html">工作</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="work_post.html">投递</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="forum.html">花果山论坛</a>
                        </li>

                    </ul>
                </div>
            </nav> <!-- -->

        </div>
    </div>

</div>
<!-- 此处是内容 -->
<div class="py-4">
    <div class="container">
        <div class="row">
            <!-- Main Content -->
            <main class="col col-xl-8 order-xl-3 col-lg-14 order-lg-2 col-md-14 col-sm-14 col-14">
                <div class="box shadow-sm border rounded bg-white mb-5 osahan-share-post">

                    <div class="container" id="app">
                        <div class="author-box" style="margin-top:10px" @click="updateAd(item.post_id)" v-for="(item,index) in pageInfo.list">
                            <div style="float: left">
                                <div class="body" style="margin-left: 200px">
                                    <h5 class="media-left" style="font-family: 华光敦韵宋_CNKI;font-weight: bolder;color:#ac2925">{{item.title}}</h5>
                                    <h4 class="media-left" style="font-family: 华光敦韵宋_CNKI;font-weight: bold;">{{item.summarize}}</h4>
                                </div>
                            </div>
                            <div style="margin-left: 500px">
                                <div class="body">
                                    <h6 class="media-left" style="font-family: 华光敦韵宋_CNKI;font-weight:bold;color:#ac2925">{{item.applicant_name}}</h6>
                                    <h6 style="font-family: 华光敦韵宋_CNKI;font-weight: bold">&nbsp;&nbsp;&nbsp;{{item.release_time}}</h6>
                                    <button type="button" class="btn btn-outline-gold pl-4 pr-4">
                                        <span style="color: #16C3B0">查看详情</span></a>
                                    </button>
                                </div>
                            </div>
                        </div>
                                    <nav aria-label="Page navigation">
                                        <ul class="pagination">
                                            <li>
                                            <li @click="getPreviousPageData(pageInfo.pageNum)">
                                                <a href="#" aria-label="Previous">
                                                    <span aria-hidden="true">&laquo;</span>
                                                </a>
                                            </li>
                                            <li :class="pageInfo.pageNum==num?'active':''" @click="getPageData(num)" v-for="num in pageInfo.navigatepageNums">
                                                <a>{{num}}</a></li>
                                            <li>
                                            <li @click="getNextPageData(pageInfo.pageNum)">
                                                <a href="#" aria-label="Next">
                                                    <span aria-hidden="true">&raquo;</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </nav>
                    </div>

                </div>
            </main>
            <aside class="col col-xl-3 order-xl-1 col-lg-6 order-lg-2 col-md-6 col-sm-6 col-12">
                <div class="box mb-3 shadow-sm border rounded bg-white profile-box text-center">
                    <div class="py-4 px-3 border-bottom">
                        <img src="img/p13.png" class="img-fluid mt-2 rounded-circle" alt="Responsive image">
                        <h5 class="font-weight-bold text-dark mb-1 mt-4"><div class="info-item">
                            用户：<span id="demo"></span>
                        </div></h5>
                        <p class="mb-0 text-muted">      <div class="info-item">
                    </div></p>
                    </div>
                    <div class="d-flex">
                        <div class="col-6 border-right p-3">
                            <h6 class="font-weight-bold text-dark mb-1">358</h6>
                            <p class="mb-0 text-black-50 small">粉丝数</p>
                        </div>
                        <div class="col-6 p-3">
                            <h6 class="font-weight-bold text-dark mb-1">85</h6>
                            <p class="mb-0 text-black-50 small">发帖数</p>
                        </div>
                    </div>
                    <div class="overflow-hidden border-top">
                        <a class="font-weight-bold p-3 d-block" href="my.html"> 查看我的更多信息 </a>
                    </div>
                </div>
                <div class="box mb-3 shadow-sm rounded bg-white view-box overflow-hidden">
                    <div class="box-title border-bottom p-3">
                        <h6 class="m-0">花果山热度指数</h6>
                    </div>
                    <div class="d-flex text-center">
                        <div class="col-6 border-right py-4 px-2">
                            <h5 class="font-weight-bold text-info mb-1">08 <i class="feather-bar-chart-2"></i></h5>
                            <p class="mb-0 text-black-50 small">last 5 days</p>
                        </div>
                        <div class="col-6 py-4 px-2">
                            <h5 class="font-weight-bold text-success mb-1">+ 43% <i class="feather-bar-chart"></i></h5>
                            <p class="mb-0 text-black-50 small">Since last week</p>
                        </div>
                    </div>
                    <div class="overflow-hidden border-top text-center">
                        <img src="img/chart.png" class="img-fluid" alt="Responsive image">
                    </div>
                </div>
                <div class="box shadow-sm mb-3 rounded bg-white ads-box text-center">
                    <img src="img/job1.png" class="img-fluid" alt="Responsive image">
                    <div class="p-3 border-bottom">
                        <h6 class="font-weight-bold text-dark">“职到”出品——花果山论坛</h6>
                        <p class="mb-0 text-muted">程序员尽情交流的平台</p>
                    </div>
                    <div class="p-3">
                        <button type="button" class="btn btn-outline-primary pl-4 pr-4"> POST A JOB </button>
                    </div>
                </div>
            </aside>
        </div>
    </div>
</div>
<!-- Bootstrap core JavaScript -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- slick Slider JS-->
<script type="text/javascript" src="vendor/slick/slick.min.js"></script>
<!-- Custom scripts for all pages-->
<script src="js/osahan.js"></script>
<br>
<br>
<div class="footer" data-background="images/bg.jpg">
    <div class="content-wrap">
        <div class="container">

            <div class="row">
                <div class="col-sm-3 col-md-3">
                    <div class="footer-item">
                        <img src="images/logo.png" alt="logo bottom" class="logo-bottom">
                        <div class="spacer-30"></div>
                        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy.</p>
                        <a href="#"><i class="fa fa-angle-right"></i> Read More</a>
                    </div>
                </div>

                <div class="col-sm-3 col-md-3">
                    <div class="footer-item">
                        <div class="footer-title">
                            Contact Info
                        </div>
                        <ul class="list-info">
                            <li>
                                <div class="info-icon">
                                    <span class="fa fa-map-marker"></span>
                                </div>
                                <div class="info-text">99 S.t Jomblo Park Pekanbaru 28292. Indonesia</div> </li>
                            <li>
                                <div class="info-icon">
                                    <span class="fa fa-phone"></span>
                                </div>
                                <div class="info-text">(0761) 654-123987</div>
                            </li>
                            <li>
                                <div class="info-icon">
                                    <span class="fa fa-envelope"></span>
                                </div>
                                <div class="info-text">info@yoursite.com</div>
                            </li>
                            <li>
                                <div class="info-icon">
                                    <span class="fa fa-clock-o"></span>
                                </div>
                                <div class="info-text">Mon - Sat 09:00 - 17:00</div>
                            </li>
                        </ul>

                    </div>
                </div>

                <div class="col-sm-3 col-md-3">
                    <div class="footer-item">
                        <div class="footer-title">
                            Useful Links
                        </div>

                        <ul class="list">
                            <li><a href="about.html" title="About us">About us</a></li>
                            <li><a href="teachers.html" title="Our Teacher">Our Teacher</a></li>
                            <li><a href="classes.html" title="Our Classes">Our Classes</a></li>
                            <li><a href="page-events.html" title="Our Events">Our Events</a></li>
                            <li><a href="contact.html" title="Contact Us">Contact Us</a></li>
                        </ul>

                    </div>
                </div>

                <div class="col-sm-3 col-md-3">
                    <div class="footer-item">
                        <div class="footer-title">
                            Get in Touch
                        </div>
                        <p>Lit sed The Best in dolor sit amet consectetur adipisicing elit sedconsectetur adipisicing</p>
                        <div class="sosmed-icon d-inline-flex">
                            <a href="#" class="fb"><i class="fa fa-facebook"></i></a>
                            <a href="#" class="tw"><i class="fa fa-twitter"></i></a>
                            <a href="#" class="ig"><i class="fa fa-instagram"></i></a>
                            <a href="#" class="in"><i class="fa fa-linkedin"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="fcopy">
        <div class="container">
            <div class="row">
                <div class="col-sm-12 col-md-12">
                    <p class="ftex">Copyright 2019 &copy; <span class="color-primary">Kids HTML Template</span>. Designed by <span class="color-primary">Rometheme.</span></p>
                </div>
            </div>
        </div>
    </div>

</div>

<!-- JS VENDOR -->
<script src="js/vendor/jquery.min.js"></script>
<script src="js/vendor/bootstrap.min.js"></script>
<script src="js/vendor/owl.carousel.js"></script>
<script src="js/vendor/jquery.magnific-popup.min.js"></script>
<script src="js/vendor/isotope.pkgd.min.js"></script>
<script src="js/vendor/imagesloaded.pkgd.min.js"></script>

<!-- SENDMAIL -->
<script src="js/vendor/validator.min.js"></script>
<script src="js/vendor/form-scripts.js"></script>

<script src="js/script(qt).js"></script>

</body>
</html>

<script>
    new Vue({
        el:"#app",
        data:{
            name:'',
            state_id:0,
            stateInfo:[],
            applicant_id:0,
            pageInfo:[],
            applicant: {
                applicant_number:"",
                applicant_pass: "",}
        },
        methods:{
            queryPost:function(){
                _this=this
                axios.get('/position/list', {
                    params: {
                        title: this.name,
                        state_id:this.state_id
                    }
                })
                    .then(function (response) {
                        _this.postList=response.data;
                    })
                    .catch(function (error) {
                        console.log(error);
                    });
            },
            getPreviousPageData:function(num){
                num--;
                if(num<1){
                    return;
                }
                this.getPageData(num)
            },
            getNextPageData:function(num){
                num++;
                if(num>this.pageInfo.pages){
                    return;
                }
                this.getPageData(num)
            },
            getPageData:function(num){
                _this = this
                axios.get('/invitation/list1/'+num,{
                    params: {
                        response_id:this.response_id,
                        applicant_id:this.applicant_id

                    }
                }).then(function (response){
                    console.log(response.data);
                    _this.pageInfo=response.data.object;

                })
                    .catch(function (error){
                        console.log(error);
                    });
            },
            updateAd: function (post_id) {
                window.localStorage.setItem("post_id",post_id);
                location.href = "invitation_list.html";
            },

        },
        mounted(){
            this.getPageData(1)

            axios.get('/invitation/list1',{
                params: {
                    post_id:this.post_id,
                    applicant_id:this.applicant_id
                }
            })
                .then(function (response){
                    console.log(response.data);
                    _this.pageInfo=response.data;

                })
                .catch(function (error){
                    console.log(error);
                });
            _this = this
            //查询帖子的信息
            axios.get('/position/list',{
                params:{
                    title:this.name,
                    state_id:this.state_id
                }
            })
                .then(function (response) {
                    _this.postList = response.data;
                    console.log(response.data);
                })
                .catch(function (error) {
                    console.log(error);
                });
        }
    })
</script>

<script>
    var x = window.localStorage.getItem("applicant_name");
    document.getElementById("demo").innerHTML = x;
</script>